import { defineComponent, reactive } from 'vue'

export default defineComponent({
  name: 'generateDiversity',
  props: {
    modelValue: {
      type: Object,
      required: true,
    },
  },
  setup() {
    const model = reactive({
      model: '',
    })

    return () => (
      <>
        <div class="h-auto pa-[24px_24px_32px] bg-#F5F7FB border-rd-8px">
          <a-form
            model={model}
            layout="horizontal"
            label-col={{ span: 4 }}
            wrapper-col={{ span: 20 }}
          >
            <a-form-item label="生成多样性:">
              <a-input v-model:value={model.model} />
            </a-form-item>
            <div class="pa-[24px_24px_8px] bg-#ffffff">
              <a-form-item label="生成随机性">
                <a-input v-model:value={model.model} />
              </a-form-item>
              <a-form-item label="TopP">
                <a-input v-model:value={model.model} />
              </a-form-item>
              <a-form-item label="TopK">
                <a-input v-model:value={model.model} />
              </a-form-item>
              <a-form-item label="存在惩罚系数">
                <a-input v-model:value={model.model} />
              </a-form-item>
              <a-form-item label="频率惩罚系数">
                <a-input v-model:value={model.model} />
              </a-form-item>
            </div>
            <a-form-item label="携带上下文轮数:">
              <a-input v-model:value={model.model} />
            </a-form-item>
            <a-form-item label="最大字数:">
              <a-input v-model:value={model.model} />
            </a-form-item>
          </a-form>
        </div>
      </>
    )
  },
})
